﻿@model SelectListsViewModel
@{
    ViewData["Title"] = "Home Page";
}

<h2>Pick your favourite language!</h2>

<form asp-action="Index">
    <div class="row">
        <div class="col-md-3">
            <div class="form-group">
                <label>Standard dropdown</label>
                <select class="form-control dropdown" asp-for="SelectedValue1" asp-items="Model.Items">
                    <option value="">**Not selected**</option>
                </select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                <label>Single item list box</label>
                <select class="form-control" asp-for="SelectedValue2" asp-items="Model.Items" size="@Model.Items.Count()"></select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                <label>Multi item list box</label>
                <select class="form-control" asp-for="MultiValues1" asp-items="Model.Items" style="height:120px"></select>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                <label>List box with Groups </label>
                <select class="form-control" asp-for="MultiValues2" asp-items="Model.ItemsWithGroups" style="height:160px"></select>
            </div>
        </div>
    </div>

    <button type="submit" class="btn btn-default">Submit</button>
</form>